<!--
  描述：产品图文列表页
  @author yangshuangping
  @since 2021/12/09 17:41
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head th:include="common/common :: jscss">
    <title>产品图文列表</title>
</head>
<body>

<div class="layui-fluid">

    <blockquote class="layui-crumb">
        前台产品>产品管理>
        <a lay-href="/showProduct/list.action">前台产品管理</a>>
        <a th:href="'/showProduct/addEditView.action?productId='+${servProductVO.productId}">[[${servProductVO.name}]]</a>>
        <zmn>关联后台产品</zmn>
    </blockquote>
    <div class="layui-card">

        <div th:replace="product/show/_tab::tab"></div>
        <div class="layui-split">&nbsp;</div>

        <div class="layui-card-body">
            <form class="layui-form" method="POST">
                <input type="hidden" name="productId" th:value="${servProductVO.productId}"/>
            </form>
            <div th:replace="product/graphic/_table::table"/>
            <script type="text/html" id="zmn-table-tool">
                <div class="layui-btn-container">
                    <div class="layui-btn-group">
                        <zmn>
                            <a href="#"
                               th:onclick="|addAndModifyGraphic([[${servProductVO.productId}]],'')|"
                               class="layui-btn layui-btn-sm layui-btn-primary"
                               lay-text="新增图文链接" text="新增图文链接">+新增图文链接</a>
                        </zmn>
                    </div>
                </div>


            </script>
        </div>

    </div>
</div>

<script type="text/javascript" th:inline="javascript">

    var json = {
        totalCount: [[${vo.totalCount}]],
        pageSize: [[${vo.pageSize}]],
        pageIndex: [[${vo.pageIndex}]],
        items: [[${items}]]
    };

    layui.config({
        version: 20210730,
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        plat_product_graphic_list: "product/graphic/zmn.plat.product.graphic.list",
    }).use(['index', 'plat_product_graphic_list']);

</script>
</body>
</html>